<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">	
	<title>Document</title>

	<!-- 引入公共样式 -->
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
	<!-- <script src="./js/zepto.mim.js"></script> -->
	<script src="./js/fastclick.js"></script>
	<script src="./js/index.js"></script>

</head>
<body>
	<div class="layout clearfix">
		<div class="nav clearfix">
			<div class ="music show clearfix">
				<img src="images/music_paused.png" alt="" class="img2">
				<img src="images/music_play.png" alt="" class="img1">
				<audio controls autoplay loop>
					<source  src="images/spring.mp3" />    	    
				</audio>

			</div>
			<img src="images/bj.png" alt="" class="img3">
			<div class="nav-wz clearfix">
				<img src="images/wz.png" alt="" class="img4">
				<img src="images/text.png" alt="" class="img5">
				<p>主办方: 共青团员湖北省委 湖北省青联</p>
			</div>

		</div>
		<div class="banner clearfix">
			<ul class="clearfix">
				<li>
					<a href="">搜索</a>
					<img src="images/search.png" alt="">

				</li>
				<li>
					<a href="">留言</a>
					<img src="images/xinxi.png" alt="">
				</li>
			</ul>
			<img src="images/video.png" alt="" class="img6"> 
		</div> 
		<div class="zhuye  clearfix">
			<ul class="zhuye-bt">
				<li>
					<a href="#" class="a1">微电影成品</a>
				</li>
				<li>
					<a href="#" class="a2">微电影剧本</a>
				</li>
			</ul>
			<div class="zhuye-hk  clearfix"></div>
			<div class="zhuye-foot  clearfix">
				<ul class="clearfix ulbox" >
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
				</ul>
				<ul class="clearfix">
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="images/smg.png" alt="">
							<h3>《栀子花开》</h3>
							<p>武昌职业学院</p>
							<p>兰小青</p>
							<div class="box1">
								投票(39360)
							</div>
						</div>
					</li>
				</ul>				
			</div>
		</div>
	</div>  
</body>
</html>